<html>
<head>
</head>
<body>

    <style>
        body {
            overflow: hidden;
            color: white;
            background: black;
            text-align: center;
            margin: 0px;
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            border-width: 3em;
            border-style: solid;
            border-left-color: rgba(255, 0, 0, 0);
            border-top-color: rgba(255, 0, 0, 1);
            border-right-color: rgba(255, 0, 0, 0);
            border-bottom-color: rgba(255, 0, 0, 0);
        }

        marquee {
            width: 100%;
            position: absolute;
            top: -2em;
        }

        strong {
            color: yellow;
        }

        a {
            text-decoration: dotted;
            color: cyan;
        }

        button:hover, button:focus {
            border-width: 2px;
            border-color: white;
            color: white;
        }

        button {
            outline: none;
            text-transform: uppercase;
            cursor: pointer;
            border-width: 1px;
            font-weight: bold;
            text-shadow: -1px 0px 0px #00AA00;
            padding-bottom: 2em;
            border-color: yellow;
            background-color: black;
            color: #55FF55;
            font-family: 'Courier New';
            width: 100px;
            height: 100px;
            margin: 2em;
            vertical-align: top;
            position: relative;
        }

            button[disabled] {
                outline: none;
                border-width: 2px;
                border-color: gray;
                color: gray;
                cursor: no-drop;
            }

        .buttonimg {
            position: absolute;
            left: 1px;
            bottom: 1px;
        }

        @media all and (max-height: 40em) {
            body {
            }

            .insignificant {
                display: none;
            }
        }
    </style>

    <a href="https://play.google.com/store/apps/details?id=com.abstractatech.gamification.tdjdosboxe">
        <img style="position: fixed; top: 0em; right: 0em; opacity: 0.5;" src="market-small.png" /></a>
    <marquee id="init" behavior="alternate" scrollamount="1"><code id="initText">initializing, please wait...</code></marquee>


    <img id="play" src="Preview.png" />

    <pre id="instructions"><div class="insignificant">
Test Drive: jDOSBox Edition
===========================
This application is to be installed 
on your <strong>android</strong> device. When launched
it will run as a client server
application. The server will run at a
local area network ip address on a 
random port. Navigate your <strong>JVM</strong> enabled
browser on your <strong>laptop</strong> to </div>
<a id="location" href="#">http://0.0.0.0:0</a>
   
You will control the game by <strong>tilting</strong> your
android device or your head if there is a camera.
      
        You may have to right click on the applet to activate it.
        Chrome Packaged App may not render the applet correctly at this time.
    </pre>
    <div id="content">
        <img src="Select.png" />
        <br />
        <button tabindex="1">android<img class="buttonimg" src="Controls.png" /></button>
        <button tabindex="2" disabled="disabled">camera laptop<img class="buttonimg" src="Camera.png" /></button>
        <button tabindex="2">laptop<img class="buttonimg" src="View.png" /></button>
    </div>
    <code></code>


    <code style="position: fixed; right: 4em; bottom: 1em; opacity: 0.5;">the nostalgia project</code>



  <a href='/download' style='
       
      visibility: hidden;

       z-index: 1000;
       font-family: Tahoma; color: yellow; position: absolute; left: 1em; bottom: 1em;'>Install Launcher for Windows</a>
  
</body>
</html>
